<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>1-1-3 全局css排版</title>
	<link rel="stylesheet" href="./lib/lib/css/bootstrap.min.css">
</head>
<body>
<h3>
	<li>bootstrap自定行高10px</li>
	<li>container:padding左右 15px;margin左右:auto</li>
	<li>lead:字体变大，凸显作用</li>
</h3>



	<div class="container">
		<!-- padding-right: 15px;padding-left: 15px; -->
		<h1>hello bootstrap</h1>
		<h2>hello bootstrap</h2>
		<h3>hello bootstrap<small>你好，world</small></h3>

		<p style="border:1px solid red;">hello</p>
		<p class="lead">hellohellohellohellohellohellohellohello</p>
		<p>welcome to world <mark>yes,beateful a world</mark></p>
		<del>del删除字符标签</del>
		<u>下划线</u>


		<p class="text-left">你好你好你好你好</p>
		<p class="text-center">你好你好你好你好</p>
		<p class="text-right">你好你好你好你好</p>

		<p class="text-lowrcase">hello world--text--全小写-lowrcase</p>
		<p class="text-uppercase">hello world--全大写--text-uppercase</p>
		<p class="text-caipitalize">hello world--首字母大写--text-caipitalize</p>

		<address>
			<strong>极客学院</strong><br>
			北京市朝阳区海淀区<br>
			<abbr title="phone">num:888 888 8888</abbr><!--abbr为 cursor: help 缩略语-->
		</address>

		<ul class="list_unstyles">
			<li>1</li>
			<li>2</li>
			<li>3</li>
		</ul>











	</div>


	
</body>
</html>